.recommended-wrapper{
	.law-tabs-wrapper{
		height: 126rpx;
		width: 100%;
		display: flex;
		align-items: center;
		white-space: nowrap;
		.law-item{
			width:212rpx;
			height:116rpx;
			box-sizing: border-box;
			margin-right: 24rpx;
			display: inline-block;
			position: relative;
			border-radius: 20rpx;
			&.current{
box-shadow: rgba(#3c9cff, 0.6) 0px 4rpx 16rpx 0px;
background-color: #9acafc;
			}
			.charge-cover{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.charge-name{
				height: 34rpx;
				font-size: 24rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 34rpx;
				position: absolute;
				z-index: 10;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				width: 150rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text-align: center;
			}
		}
	}
	.law-detail-list-wrapper{
		margin-top: 32rpx;
		.law-detail-item{
			width: 100%;
			border-radius: 24rpx;
			background-color: #ffffff;
			padding: 40rpx 28rpx 40rpx 28rpx;
			box-sizing: border-box;
			margin-bottom: 32rpx;
			.law-view-wrapper{
				width: 100%;
				display: flex;
				height: 86rpx;
				align-items: center;
				.law-icon-wrapper{
					width: 78rpx;
					height: 78rpx;
					margin-right: 22rpx;
					border-radius: 50%;
					background: linear-gradient(180deg, #248FFC 0%, #0078FB 100%);
					font-size: 34rpx;
					font-family: $global-font-family;
					text-align: center;
					line-height: 78rpx;
					color: #ffffff;
					box-shadow: rgba(0, 0, 0, 0.15) 3.9rpx 3.9rpx 10.2rpx;
					font-weight: bold;
				}
				.law-info-wrapper{
					flex: 1;
					overflow: hidden;
					.law-name{
						height: 40rpx;
						font-size: 28rpx;
						font-family: $global-font-family;
						font-weight: bold;
						color: #333333;
						line-height: 40rpx;
						
					}
					.law-tag-list{
						width:96%;
						overflow: hidden;
						margin-top: 6rpx;
						white-space: nowrap;
						height: 40rpx;
						overflow: hidden;
						.law-tag-item{
							display: inline-block;
							height: 40rpx;
							line-height: 40rpx;
							text-align: center;
							border-radius: 8rpx;
							border: 2rpx #7276EC solid;
							margin-right: 14rpx;
							font-size: 24rpx;
							font-family: $global-font-family;
							font-weight: 400;
							color: #7276EC;
							padding: 0rpx 20rpx 0rpx 20rpx;
						}
					}
				}
			}
			.law-terms-list-wrapper{
				margin-top: 38rpx;
				.law-terms-item{
					width: 100%;
					position: relative;
					margin-bottom: 16rpx;
					.law-terms-item-title{
						height: 34rpx;
						font-size: 24rpx;
						font-family:$global-font-family;
						font-weight: bold;
						color: #333333;
						line-height: 34rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-left: 18rpx;
					}
					.law-terms-item-content{
						height: 34rpx;
						font-size: 24rpx;
						font-family:$global-font-family;
						font-weight: 400;
						color: #999999;
						line-height: 34rpx;
						margin-top: 8rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-left: 18rpx;
					}
					&::before{
						display: block;
						position: absolute;
						content: "";
						width: 14rpx;
						height: 14rpx;
						background-color: #188CF1;
						border-radius: 50%;
						top: 10rpx;
					}
				}
			}
			.button-list-wrapper{
				display: flex;
				justify-content: space-between;
				align-items: center;
				.button-item{
					width: 296rpx;
					height: 48rpx;
					background: #F2F2F2;
					border-radius: 8rpx;
					font-size: 24rpx;
					font-family:$global-font-family;
					font-weight: bold;
					color: #333333;
					line-height: 48rpx;
					text-align: center;
				
				}
			}
			.footer-swiper-wrapper{
				width: 100%;
				margin-top: 32rpx;
				border-top: 2rpx #cccccc solid;
				.swiper{
					height: 370rpx;
				}
			}
		}
	}
}